<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="dom-drag.js"></script>
<script type="text/javascript" src="cookie.js"></script>
  <meta name="generator" content="textpad 4.6">
  <meta name="keywords" content="notes,jots,reminders,to do, pin notes,sticky notes,text,gadget,widget">
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <meta content="Anantha Narayan" name="author">
  <meta content="Pin Notes on Homepage, Write and Stick Small Memos, Reminders and Notes" name="description">
  <link rel="StyleSheet" href="style.css" type="text/css">
  <title>Pin a Note</title>
</head>
<body alink="#ff00ff" bgcolor="#ffffff" link="#ff0000" text="#000000" vlink="#800000">
<div class="frame-holder">
<div class="new-note"><img onClick="new_note();" src="pngs/note.png" alt="New Note"  title="New Note"></div>
<div class="save-note"><img onClick="save_mem();" src="pngs/save.png" title="Save Notes" alt="Save Notes"></div>
<div class="del-note"><img name="trash_can" src="pngs/trashe.png" onClick="ShowContent();" alt="Empty Bin" title="Empty Bin"></div>
<div class="backup-notes"><img onClick="backup_db();" src="pngs/backup.png" title="Backup Notes" alt="Backup Notes"></div>
<div class="restore-notes"><img onClick="restore_db();" src="pngs/restore.png" title="Restore Notes" alt="Restore Notes"></div>
<div class="fix-notes"><img onClick="fix_db();" src="pngs/fixit.png" title="Fix Reset Notes" alt="Fix Reset Notes"></div>
<div class="help-man"><a target="_blank" href="http://www.dapj.com/gadgets/pin-note-manual"><img src="pngs/help.png" title="User Manual" alt="User Manual" border="0"></a></div>
<div id="note_a" style="left:5px; top:50px;">
<img align="left" id="a_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('a_txt','0');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_a','0');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_a','0');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('0');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_a','0');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="a_box"><span id="a_txt">A</span></div>
</div>
<div id="note_b" style="left:5px; top:100px;">
<img align="left" id="b_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('b_txt','1');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_b','1');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_b','1');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('1');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_b','1');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="b_box"><span id="b_txt">B</span></div>
</div>
<div id="note_c" style="left:5px; top:150px;">
<img align="left" id="c_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('c_txt','2');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_c','2');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_c','2');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('2');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_c','2');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="c_box"><span id="c_txt">C</span></div>
</div>
<div id="note_d" style="left:5px; top:200px;">
<img align="left" id="d_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('d_txt','3');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_d','3');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_d','3');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('3');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_d','3');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="d_box"><span id="d_txt">D</span></div>
</div>
<div id="note_e" style="left:5px; top:250px;">
<img align="left" id="e_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('e_txt','4');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_e','4');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_e','4');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('4');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_e','4');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="e_box"><span id="e_txt">E</span></div>
</div>
<div id="note_f" style="left:5px; top:300px;">
<img align="left" id="f_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('f_txt','5');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_f','5');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_f','5');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('5');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_f','5');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="f_box"><span id="f_txt">F</span></div>
</div>
<div id="note_g" style="left:5px; top:350px;">
<img align="left" id="g_hand" src="pngs/move.png" alt="Move Note" title="Move Note">
<img align="left" onClick="edit_note('g_txt','6');" src="pngs/post.png" alt="Edit Note" title="Edit Note"><img onClick="paper_set('note_g','6');" align="left" src="pngs/paper.png" alt="Paper Color" title="Paper Color"><img onClick="pen_set('note_g','6');" align="left" src="pngs/pen.png" alt="Pen Color"  title="Pen Color"><img align="left" onClick="save_note('6');" src="pngs/save.png" alt="Save Note" title="Save Note">
<img  onClick="HideContent('note_g','6');" align="right" src="pngs/del.png" title="Hide Note" alt="Hide Note">
<div class="g_box"><span id="g_txt">G</span></div>
</div>
<div id="db_df" style="left:5px; top:50px;">
<img align="left" id="db_hand" src="pngs/move.png" alt="Move Status Box" title="Move Status Box">
<img  onClick="HideContent('db_df','7');" align="right" src="pngs/del.png" title="Close Status" alt="Close Status">
<div class="db_box"><span id="db_txt">db</span></div>
</div>
<div class="credits"><a target="_blank" href="http://www.delabs.net/">delabs</a></div>
<div class="others">
<a target="_blank" href="http://aaronboodman.com/projects/dom-drag/">AB</a>&nbsp;&nbsp;
<a target="_blank" href="http://www.quirksmode.org/js/cookies.html">QM</a>
</div>
<map name="back_palette">
     <area shape="rect" onClick="set_bcol('bc_l');" href="#" coords="155,36, 173,56">
     <area shape="rect" onClick="set_bcol('bc_k');" href="#" coords="125,36, 143,55">
     <area shape="rect" onClick="set_bcol('bc_j');" href="#" coords="96,37, 114,55">
     <area shape="rect" onClick="set_bcol('bc_i');" href="#" coords="66,36, 84,55">
     <area shape="rect" onClick="set_bcol('bc_h');" href="#" coords="36,37, 54,55">
     <area shape="rect" onClick="set_bcol('bc_g');" href="#" coords="6,36, 24,55">
     <area shape="rect" onClick="set_bcol('bc_f');" href="#" coords="155,8, 173,28">
     <area shape="rect" onClick="set_bcol('bc_e');" href="#" coords="124,8, 143,28">
     <area shape="rect" onClick="set_bcol('bc_d');" href="#" coords="95,8, 114,28">
     <area shape="rect" onClick="set_bcol('bc_c');" href="#" coords="66,8, 84,28">
     <area shape="rect" onClick="set_bcol('bc_b');" href="#" coords="35,8, 54,28">
     <area shape="rect" onClick="set_bcol('bc_a');" href="#" coords="6,8, 24,28">
</map>
<map name="front_palette">
     <area shape="rect" onClick="set_fcol('fc_l');" href="#" coords="155,36, 173,56">
     <area shape="rect" onClick="set_fcol('fc_k');" href="#" coords="125,36, 143,55">
     <area shape="rect" onClick="set_fcol('fc_j');" href="#" coords="96,37, 114,55">
     <area shape="rect" onClick="set_fcol('fc_i');" href="#" coords="66,36, 84,55">
     <area shape="rect" onClick="set_fcol('fc_h');" href="#" coords="36,37, 54,55">
     <area shape="rect" onClick="set_fcol('fc_g');" href="#" coords="6,36, 24,55">
     <area shape="rect" onClick="set_fcol('fc_f');" href="#" coords="155,8, 173,28">
     <area shape="rect" onClick="set_fcol('fc_e');" href="#" coords="124,8, 143,28">
     <area shape="rect" onClick="set_fcol('fc_d');" href="#" coords="95,8, 114,28">
     <area shape="rect" onClick="set_fcol('fc_c');" href="#" coords="66,8, 84,28">
     <area shape="rect" onClick="set_fcol('fc_b');" href="#" coords="35,8, 54,28">
     <area shape="rect" onClick="set_fcol('fc_a');" href="#" coords="6,8, 24,28">
</map>
</div>
<div class="back-cloth"></div>
<script type="text/javascript" src="popnote.js"></script>
</body>
</html>
